<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SASO Voice Server</title>
<link rel="icon" type="image/x-icon" href="https://img-bohe.lolicon.team/i/img/Gravatar/V366CY%60(P(5JG0ROBKC4%7BVA_tmb.jpg" />
<link href="static/css/vendors.css" rel="stylesheet">
<link href="static/css/ts.css" rel="stylesheet">
<style>
/* 新增通用弹窗样式 */
.download-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 9999;
}

.download-modal.visible {
  opacity: 1;
  visibility: visible;
}

.modal-content {
  background: #fff;
  padding: 2rem;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  position: relative;
  transform: scale(0.7);
  transition: transform 0.3s ease;
  min-width: 300px;
  text-align: center;
}

.download-modal.visible .modal-content {
  transform: scale(1);
}

.modal-content h3 {
  margin: 0 0 1.5rem;
  color: #333;
  font-size: 1.5rem;
}

.version-btn {
  display: block;
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  background: #4a90e2;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 1rem;
  transition: background 0.2s ease;
}

.version-btn:hover {
  background: #357abd;
}

.close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  color: #666;
}

.close-btn:hover {
  color: #333;
}

/* 移动端提示样式 */
.mobile-alert {
  color: #e74c3c;
  font-size: 1.1rem;
  margin: 15px 0;
}
</style>
</head>
<body>
<div class="overlay"></div>
<main>
<div class="frame">
<div class="frame__title-wrap">
<h1 class="frame__title"></h1>
</div>
<a class="frame__github" href target="_blank"></a>
<div class="frame__links">
<a style="text-transform:none;color:white;" href="ts3server://ts.voice.lolicon.team" target="_blank">加入TeamSpeak</a>
<a style="text-transform:none;color:white;" href="#" id="download-ts">下载TeamSpeak</a>
</div>
<div class="frame__demos">
<a style="text-transform:none;" href="https://blog.ovofish.com" class="frame__demo"> Copyright &copy 2023 SASO. Download JS By Hanasaki Misaki. All rights reserved.</a>
</div>
</div>
</main>
<script type="text/javascript" src="static/js/vendors.js"></script>
<script type="text/javascript" src="static/js/ts.js"></script>
<script type="text/javascript" src="static/js/download.js"></script>
</body>
</html>